/**
  * SigmaCMS - administration default style
  *
  * Copyright (c) 2008 Pavol Biely
  * http://pabi3.com/
  * This file is released under GNU/GPL3
  */
* { margin:0; padding:0; }
html, body { font-family:'Trebuchet MS','Geneva CE',lucida,sans-serif; font-size:12px; line-height:18px; text-align:center; background:#c0d0e7 url('bg.png') repeat-x fixed; padding:5px; }
body { height:100%; }

/*************************************************************************** Layout ***/
div.main { width:800px; margin:auto; border:5px double #c0d0e7; background:white; text-align:left; position:relative; }
div.main div.pad { padding:0 10px 0 10px; }

div.nav { background:#f5f8fb url('bg_nav.png') bottom center repeat-x; border-bottom:2px solid #c0d0e7; padding:10px; text-align:left; }
div.nav div.left  { float:left;  }
div.nav div.right { float:right; }

div.admin-left  { width:79%; padding:0 0 20px 0; float:left; }

div.admin-right { width:20%; padding:0 0 20px 0; float:right; }
div.admin-right ul { margin:0 0 10px 0; }
div.admin-right ul li { display:block; cursor:pointer/*hand*/; background:#f5f8fb; border-left:1px solid #c0d0e7; border-right:1px solid #c0d0e7; border-bottom:1px solid #c0d0e7; }
div.admin-right ul li:first-child { border-top:1px solid #c0d0e7; }
div.admin-right ul li:hover { background:#cedaed url('bg_ele.png') center bottom repeat-x; }
div.admin-right ul li a { display:block; padding:3px 6px 3px 6px; text-decoration:none; }
div.admin-right ul li a:hover { color:#003366 !important; }
div.admin-right ul li.sub { background:beige; }
div.admin-right ul li.sub:hover { background:lightgoldenrodyellow; }
div.admin-right ul li.sub a { padding:0 6px 0 12px; }
div.admin-right ul li.active { background:#cedaed; }
div.admin-right ul li img { width:16px; height:16px; margin:0 5px 0 0; }

div.footer { background:#f5f8fb url('bg_ele.png') repeat-x; border-top:2px solid #c0d0e7; margin:10px 0 0 0; padding:10px; text-align:center; }

table.index { text-align:center; }
table.index td { border:1px solid white; }
table.index td:hover { background:#f5f8fb; border:1px solid #c0d0e7; -moz-border-radius:12px; }
table.index td a, table.index td del { display:block; }

div.sure { margin:auto; padding:20px; }
div.sure a { width:120px; display:block; color:black; border:1px outset #c0d0e7; background:#f5f8fb; margin:10px auto 10px auto; padding:5px 10px 5px 10px; text-align:center; }
div.sure a:hover { background:#ffffee; }
div.sure a:active { border:1px inset #cccccc;  }

div.skin:first-child { border:0; }
div.skin { margin:2px 4px 2px 4px; border-top:1px solid #efefef; }

div.box { color:black; font-weight:normal;border:2px solid khaki; background:lightyellow; margin:5px 0 5px 0; padding:5px 10px 5px 10px; text-align:justify; }
div.warning { color:white; font-weight:bold; border:2px solid crimson; background:salmon; margin:5px 0 5px 0; padding:5px 10px 5px 10px; text-align:justify; }

/****************************************************************************** Forms ***/
form fieldset { border:0; margin:0 0 20px 0; }
form fieldset legend { display:block; font-weight:bold; border-bottom:2px solid #c0d0e7; background:#f5f8fb url('bg_ele.png') repeat-x; padding:5px; }

form fieldset label { display:block; font-weight:bold; background:url('label.png') repeat-y; margin:6px 0 6px 0; padding:2px 0 2px 0; }
form fieldset input.small { width:30px !important; text-align:center; }
form fieldset input[type=text],
form fieldset input[type=number],
form fieldset input[type=password] { display:block; width:100%; border:1px solid #c0d0e7; padding:2px 0 2px 0; }
form fieldset input[type=number] { border:0; } /* only for Opera */
form fieldset select { min-width:150px; border:1px solid #c0d0e7; padding:2px 1px 2px 1px; }
form fieldset input[type=file] { display:block; width:100%; border:1px solid #c0d0e7; padding:2px 1px 2px 1px; }

form fieldset select.small { width:50px; }
form fieldset select.multiple { width:100%; height:125px; }

form fieldset input[type=checkbox] { cursor:pointer/*hand*/; border:1px solid #c0d0e7; padding:3px; }

form fieldset input[type=submit],
form fieldset input[type=button].template,
form fieldset input[type=reset] { cursor:pointer/*hand*/; width:140px; font-weight:bold; border:1px outset #c0d0e7; background:#f5f8fb url('bg_ele.png') repeat-x; margin:6px; padding:3px; }

form fieldset input[type=button].template { width:auto; font-size:11px; margin:0 0 3px 0; padding:1px 3px 1px 3px; }

form fieldset input[type=submit]:hover,
form fieldset input[type=button].template:hover,
form fieldset input[type=reset]:hover { background:#c0d0e7; }

form fieldset textarea { display:block; width:100%; font-family:consolas,monospace; font-size:12px; border:1px solid #c0d0e7; margin:auto; }

form fieldset input[type=text]:focus,
form fieldset input[type=password]:focus,
form fieldset textarea:focus,
form fieldset input[type=checkbox]:checked { background:#faf9e0; }

form.login fieldset { margin:auto; width:250px; text-align:center; }
form.login input[type=text],form.login input[type=password],form.login label { width:100% !important; }
form.login small    { display:block; padding:5px; }
form.login noscript { padding:5px; font-weight:bold; color:red; }

form.filemanager fieldset input[type=submit] { width:20% !important; }

/***************************************************************************** Global ***/
a { font-weight:bold; }
a:link    { color:#003366; }
a:visited { color:#003366; }
a:hover   { color:#990000; }
a:active  { color:#ff2200; }
a[href^='http://'] { padding:0 15px 0 0; background:url('external.png') right center no-repeat; }
a img { border:0; }

p { padding:9px 0 9px 0; text-align:justify; }

hr { height:5px; border-style:none; border-bottom:1px solid #c0d0e7; background:#f5f8fb; margin:15px 0 5px 0; }

h1,h2,h3,h4,h5,h6 { color:#0a56a4; margin:10px 0 10px 0; }
h1,h2 { font-size:16px; border-bottom:2px solid #c0d0e7; }
h3 { font-size:14px; }
h4,h5,h6 { font-size:12px; }

ul { list-style:square inside; }
ul li { padding:3px; }

ol { list-style:decimal inside; }
ol li { padding:3px; }

dl dt { color:blue; font-weight:bold; }
dl dd { margin:5px 0 20px 20px; }
dl dl dt { color:black; }
dl dl dd { margin:0 0 5px 0; border-bottom:1px dotted gray; }

ul ul, ol ol, dl dl { margin-left:15px; }

table { width:100%; border-collapse:separate; border-spacing:2px; margin:0 -2px 0 -2px; }
table caption { text-align:left; padding:0 0 3px 3px; }
table tr th { background:#f5f8fb url('bg_ele.png') repeat-x; border:1px outset #c0d0e7; padding:3px 6px 3px 6px; text-align:center; }
table tr th small { color:black; }
table tr td { background:white; border:1px outset #c0d0e7; padding:3px 6px 3px 6px; }
table tr.disabled td { background:whitesmoke; }

pre,textarea.backup { width:100%; height:400px; overflow:auto; border:1px solid #c0d0e7; }
dfn { color:blue; font-size:12px; font-family:consolas,monospace; font-style:normal; }

iframe { border:1px solid #c0d0e7; }

small { color:gray; }

abbr,acronym { cursor:help; }

.fifth   { width:20%;  }
.quarter { width:25%;  }
.third   { width:33%;  }
.half    { width:50%;  }
.full    { width:100%; }

.pointer { cursor:pointer/*hand*/; }
.block   { display:block; }
.left    { text-align:left !important; }
.right   { text-align:right !important; }
.center  { text-align:center !important; }
.justify { text-align:justify !important; }
.nowrap  { white-space:nowrap !important; }
.silver  { font-weight:bold !important; color:silver !important; }
.red     { font-weight:bold !important; color:red !important; }
.green   { font-weight:bold !important; color:green !important; }
.blue    { font-weight:bold !important; color:blue !important; }
.no-border   { border:0 !important; }
.float-left  { float:left !important; }
.float-right { float:right !important; }
.clear-both  { clear:both !important; }